<template>
	<div class="wrap">
		<div class="registerContent">
			<div class="l_header_bg"></div>
			<div class="l-cont">
				<div class="accountCenter">
					<div class="box container" style="padding-top: 24px;padding-left: 24px;">
						<div class="con">
							<div class="con_top">
								<div class="title">著作权代办详情</div>
								<div class="borderBtom"></div>
							</div>

							<div class="task">
								<div class="task_head">任务详情</div>
								<ul>
									<li class="taskLi1">
										<div class="firstDiv">登记作品：</div>
										<div class="dengjZp"></div>
										<span class="ChaKan">
											<a @click="looksWorksDetail();" target="_blank">查看作品详情</a>
										</span>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">登记类型：</div>
										<div class="zpDtype">作品著作权登记</div>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">提交人：</div>
										<div class="person"></div>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">任务提交时间：</div>
										<div class="tjTime"></div>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">任务状态：</div>
										<div class="taskStatus"></div>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">付款状态：</div>
										<div><span class="yiFu"></span></div>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">代办人：</div>
										<div class="dBname"></div>
										<p>如有疑问可电话联系代办人</p>
									</li>
									<li class="taskLi1">
										<div class="firstDiv BZ">备注：</div>
										<div class="beizhu">
											<div></div>
										</div>
									</li>
								</ul>
							</div>
							<div class="task zsTask">
								<div class="task_head">证书详情</div>
								<ul>
									<li class="taskLi1">
										<div class="firstDiv">登记日期：</div>
										<div class="registrationTime">2018/02/02 22:22:22</div>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">作品登记号：</div>
										<div class="registrationNumber"></div>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">登记证书：</div>
										<div class="registrationCertificateUrl taskLiDiv"></div>
										<a>
											<span class="downLoad"></span>
										</a>
									</li>
								</ul>
							</div>
							<div class="task">
								<div class="task_head">申请材料</div>
								<ul>
									<li class="taskLi1">
										<div class="firstDiv">著作权人身份证明：</div>
										<div class="agentCertificateUrl taskLiDiv"></div>
										<a href="">
											<span class="downLoad"></span>
										</a>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">权利归属证明：</div>
										<div class="belongCertificateUrl taskLiDiv"></div>
										<a href="">
											<span class="downLoad"></span>
										</a>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">作品说明书：</div>
										<div class="worksExplainUrl taskLiDiv"></div>
										<a href="">
											<span class="downLoad"></span>
										</a>
									</li>
									<li class="taskLi1">
										<div class="firstDiv">代理委托书：</div>
										<div class="proxyLetterUrl taskLiDiv"></div>
										<a href="">
											<span class="downLoad"></span>
										</a>
									</li>
									<li class="taskLi1 others">
										<div class="firstDiv">其它材料：</div>
										<div class="otherCl">
											<div class="otherDiv otherFileUrl taskLiDiv"></div>
											<a>
												<div class="downLoad"></div>
											</a>
										</div>
									</li>

								</ul>
							</div>
							<div class="goBtn">修改/付款</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			// 查看作品详情
			looksWorksDetail(){
				this.$router.push({  //核心语句
					path:'/warehouseDetail',   //跳转的路径
					query:{           //路由传参时push和query搭配使用 ，作用时传递参数
						// id:id ,  
					}
				})
			}
		},

		beforeMount: function() {
			// console.log("47")
		},
		mounted: function() {
			// console.log("7777777777")
		},
	}
</script>

<style>
	@import 'copyrightAgencyDetail.css'
</style>
